<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.0/lib/index.css">
    <title>客户详情</title>
    <style>
        #container{
            padding-bottom:3em;
        }
        .model {
            background: #FFF5E9;
            position: relative;
        }

        .model::before {
            content: '|';
            color: #FCA73C;
            padding-right: 1em;
        }

        [v-cloak] {
            display: none;
        }

        .top {
            padding: 1em;
        }

        .qy {
            padding-left: 1em;
            color: #FCA73C;
            margin: 0;
        }

        .flex {
            padding: 0.5em;
            color: #fff;

        }

        .flex .van-col {
            text-align: center;
            border-radius: 0.5em;
            padding: 0.5em 1em;
            font-size: 0.875em;
        }

        .flex .van-col a {
            color: #fff;
        }

        .low-img {
            width: 5em;
        }

        .phone {
            vertical-align: bottom;
            border-radius: 0.25em;
            margin-right: 0.5em;
        }

        .van-tabbar {
            background: #EE7722;
        }

        .van-tabbar .van-tabbar-item {
            color: #fff;
        }

        .van-tabbar .van-tabbar-item--active {
            color: #fff;
        }
        .van-field__control:disabled{
            color:#666;
        }
        .van-tag{
            width: 1em;
            text-align: center;
        }
    </style>
</head>

<body>
<div id='container' v-cloak>
    <div class="option" v-show='list'>
        <!-- <van-nav-bar title="详情" left-arrow fixed></van-nav-bar> -->
        <van-cell class='model' title="基本信息"></van-cell>

        <van-row class='top'>
            <van-col span="7" v-text='customerName'></van-col>
            <van-col span="7">
                <van-tag color="#EE7722">{{this.customerSex}}</van-tag>
                <van-tag color="#D70022">{{this.intentionLevel}}</van-tag>
            </van-col>
            <!--            <van-col span="10" v-text='customerPhone'></van-col>-->
            <van-col style='text-align: right;'  span="10" @click.native="call"><img class='phone' :src="hosturl+'/static/images/icon/phone.png'" alt="">{{this.customerPhone}}
            </van-col>
        </van-row>
        <p class='qy'>{{this.ftContactWay}}<span v-show="peMobile" @click="callSpare" style='float:right;padding-right:1em;'><img class='phone' :src="hosturl+'/static/images/icon/phone.png'" alt="">{{this.peMobile}}</span></p>
        <van-cell title="获知途径" :value="informedWay"></van-cell>
        <van-row class='flex' type="flex" justify="space-around">
            <van-col span="6" style='background:#EE7722'><a
                    :href='"native://recruit_list?customerName="+customerName+"&customerTel="+customerPhone+"&customerId=${customerId}"'>认筹
                | <span>{{this.payDepositNum}}</span></a></van-col>
            <van-col span="6" style='background:#D70022'><a
                    :href='"native://subscription_list?customerName="+customerName+"&customerTel="+customerPhone+"&customerId=${customerId}"'>认购
                | <span>{{this.subscribeNum}}</span></a></van-col>
            <van-col span="6" style='background:#840FFC'><a
                    :href='"native://signing_list?customerName="+customerName+"&customerTel="+customerPhone+"&customerId=${customerId}"'>签约
                | <span>{{this.signedNum}}</span></a></van-col>
        </van-row>

        <van-cell class='model' title="跟进记录" is-link arrow-direction="down" @click='sixshow = !sixshow'></van-cell>
        <van-cell-group v-show='sixshow'>
            <van-cell :value='item.followTime' :label='item.followMode' v-for='item in fList'
                      :key='item.questionnaireId'>
                <template slot="title">
                    <span class="custom-title" v-if='item.contentList[0].followContent.indexOf("http")===-1'>{{item.contentList[0].followContent}}</span>
                    <img class="low-img" v-else :src="item.contentList[0].followContent" alt="">
                </template>
            </van-cell>
        </van-cell-group>

        <van-cell class='model' title="首次接触信息" is-link arrow-direction="down" @click='firshow = !firshow'></van-cell>
        <van-cell-group v-show='firshow === true'>
            <van-cell title="首次接触方式" :value="ftContactWay"></van-cell>
            <van-cell title="首次接触时间" :value="ftContactTime"></van-cell>
            <van-field v-model="ftContactContent" placeholder="沟通内容" disabled rows='1' autosize type="textarea">
            </van-field>
        </van-cell-group>

        <van-cell class='model' title="需求信息" is-link arrow-direction="down" @click='secshow = !secshow'></van-cell>
        <van-cell-group v-show='secshow === true'>
            <van-cell title="置业动机" :value="rqTheirMotives"></van-cell>
            <van-cell title="关注重点"></van-cell>

            <van-cell :title="el.dictionaryName" icon="checked" v-for='(el,index) in focusList' :key='index'>
                <van-icon slot="right-icon" name="clear" style="line-height: inherit;" @click='removeFocus(index)'/>
            </van-cell>

            <van-cell title="需求面积" :value="rqDemandArea"></van-cell>
            <van-cell title="付款方式" :value="rqPaymentMethod"></van-cell>
            <van-cell title="生活服务"></van-cell>

            <van-cell :title="el.dictionaryName" icon="checked" v-for='(el,num) in seviceList' :key='num'>
                <van-icon slot="right-icon" name="clear" style="line-height: inherit;" @click='removeSevice(num)'/>
            </van-cell>
            <!-- 新增 -->
            <van-cell title="意向楼层" :value="rqDemandFloor"></van-cell>
            <van-cell title="生活配套"></van-cell>

            <van-cell :title="el.dictionaryName" icon="checked" v-for='(el,num) in lifeList' :key='num'>
                <van-icon slot="right-icon" name="clear" style="line-height: inherit;" @click='removeLife(num)'/>
            </van-cell>
            <van-cell title="意向户型" :value="houseTypeList"></van-cell>
        </van-cell-group>
        <van-cell class='model' title="客户个人信息" is-link arrow-direction="down" @click='thishow = !thishow'></van-cell>
        <van-cell-group v-show='thishow === true'>
            <van-cell title="居住区" :value="peResidence"></van-cell>
            <van-cell title="工作区" :value="peWorkaround"></van-cell>
            <van-cell title="从事行业" :value="industry"></van-cell>
            <!-- 新增 -->
            <van-field v-model="peAge" label="年龄" placeholder="请输入" disabled></van-field>
            <van-field v-model="peTelephone" label="固定电话" placeholder="请输入" disabled></van-field>
            <van-field v-model="peEmail" label="邮箱" placeholder="请输入" disabled></van-field>
            <van-cell title="意向活动类型"></van-cell>

            <van-cell :title="el.dictionaryName" icon="checked" v-for='(el,num) in actList' :key='num'>
                <van-icon slot="right-icon" name="clear" style="line-height: inherit;" @click='removeAct(num)'/>
            </van-cell>

            <van-cell title="是否员工" :value="isEmployees==''?'':isEmployees=='1'?'是':'否'"></van-cell>
            <van-cell title="户籍地" :value="peDomicilePlace"></van-cell>
            <van-field v-model="peContactAddress" label="联系地址" placeholder="请输入" disabled></van-field>

            <van-cell title="兴趣爱好"></van-cell>

            <van-cell :title="el.dictionaryName" icon="checked" v-for='(el,num) in hobbyList' :key='num'>
                <van-icon slot="right-icon" name="clear" style="line-height: inherit;" @click='removeHobby(num)'/>
            </van-cell>
        </van-cell-group>
       <!-- <van-cell class='model' title="客户问卷" is-link arrow-direction="down" @click='fivshow = fivshow'></van-cell>-->
        <!--<van-cell-group v-show='fivshow'>
            <van-cell :title="item.questionnaireName" is-link :url='item.answerUrl' v-for='item in qList'
                      :key='item.questionnaireId'></van-cell>
        </van-cell-group>-->
        <!-- 底部标签 -->
        <van-tabbar v-model="active">
            <van-tabbar-item icon="home-o"
                             :url='"native://call_customer?customerName="+customerName+"&customerTel="+customerPhone+"&customerId=${customerId}"'>
                <span>打电话</span>
                <img
                        slot="icon"
                        slot-scope="props"
                        :src="hosturl+'/static/images/icon/xq_icon_tel.png'"
                >
            </van-tabbar-item>
            <van-tabbar-item icon="search"
                             :url='"native://send_sms_customer?customerName="+customerName+"&customerTel="+customerPhone+"&customerId=${customerId}"'>
                <span>发短信</span>
                <img
                        slot="icon"
                        slot-scope="props"
                        :src="hosturl+'/static/images/icon/xq_icon_email.png'"
                >
            </van-tabbar-item>
            <van-tabbar-item icon="friends-o" :url='followurl'>
                <span>写跟进</span>
                <img
                        slot="icon"
                        slot-scope="props"
                        :src="hosturl+'/static/images/icon/xq_icon_follow.png'"
                >
            </van-tabbar-item>
            <van-tabbar-item icon="setting-o" :url='editurl'>
                <span>编辑</span>
                <img
                        slot="icon"
                        slot-scope="props"
                        :src="hosturl+'/static/images/icon/xq_icon_edit.png'"
                >
            </van-tabbar-item>
        </van-tabbar>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.0/lib/vant.min.js"></script>
</body>
<script>
    var Vue = window.Vue
    var vant = window.vant
    Vue.use(vant)
    new Vue({
        el: '#container',
        data: {
            hosturl: '',
            editurl: '',
            followurl: '',
            active: 0,
            qList: [],
            fList: [],
            list: true,
            title: '关注重点',
            type: '1',
            icons: 'star-o',
            customerStar: '0',
            customerName: '',
            customerSex: '',
            customerPhone: '',
            intentionLevel: '请选择',
            informedWay: '请选择',

            ftContactWay: '',
            ftContactTime: '',
            ftContactContent: '',

            rqTheirMotives: '',
            rqFocusId: '',
            rqDemandArea: '',
            rqPaymentMethod: '',
            rqServicesId: '',
            // 新增
            rqDemandFloor: '',
            rqLifeSupport: '',
            houseTypeList: [],
            payDepositNum: 0,
            subscribeNum: 0,
            signedNum: 0,
            peResidence: '',
            peWorkaround: '',
            industry: '',
            // 新增
            peAge: '',
            peTelephone: '',
            peEmail: '',
            peActivityType: '',
            isEmployees: '',
            peDomicilePlace: '',
            peContactAddress: '',
            pePlot: '',
            peDetailedAddress: '',
            peWorkaroundAddress: '',
            peHobbyId: '',
            json: {
                customerStar: '0',
                customerName: '',
                customerSex: '',
                customerPhone: '',
                intentionLevel: '',
                informedWay: '',

                ftContactWay: '',
                ftContactTime: '',
                ftContactContent: '',

                rqTheirMotives: '',
                rqFocusId: '',
                rqDemandArea: '',
                rqPaymentMethod: '',
                rqServicesId: '',
                // 新增
                rqDemandFloor: '',
                rqLifeSupport: '',
                houseTypeList: '',

                peResidence: '',
                peWorkaround: '',
                industry: '',
                // 新增
                peAge: '',
                peTelephone: '',
                peEmail: '',
                peActivityType: '',
                isEmployees: '',
                peDomicilePlace: '',
                peContactAddress: '',
                pePlot: '',
                peDetailedAddress: '',
                peWorkaroundAddress: '',
                peHobbyId: '',
            },
            firshow: false,
            secshow: false,
            thishow: false,
            fourshow: true,
            fivshow: false,
            sixshow: false,
            optList: [],
            result: [],

            dateShow: false,
            currentDate: new Date(),

            sheetshow: false,
            // 新增
            lifeList: [],
            hobbyList: [],
            actList: [],

            opts: [{
                name: 'A',
                dictionaryId: '2'
            },
                {
                    name: 'B',
                    dictionaryId: '3'
                },
                {
                    name: 'C',
                    dictionaryId: '4'
                },
                {
                    name: 'D',
                    dictionaryId: '5'
                }
            ],
            rqArea: [{
                name: '50㎡以下',
                dictionaryId: '1'
            },
                {
                    name: '50-70㎡',
                    dictionaryId: '2'
                },
                {
                    name: '70-90㎡',
                    dictionaryId: '3'
                },
                {
                    name: '90-120㎡',
                    dictionaryId: '4'
                },
                {
                    name: '120-140㎡',
                    dictionaryId: '5'
                },
                {
                    name: '140-160㎡',
                    dictionaryId: '6'
                },
                {
                    name: '160-180㎡',
                    dictionaryId: '7'
                },
                {
                    name: '180-200㎡',
                    dictionaryId: '8'
                },
                {
                    name: '200㎡以上',
                    dictionaryId: '9'
                }
            ],
            method: [{
                name: '一次性付款',
                dictionaryId: '1'
            },
                {
                    name: '分期付款',
                    dictionaryId: '2'
                },
                {
                    name: '商业按揭',
                    dictionaryId: '3'
                },
                {
                    name: '公积金按揭',
                    dictionaryId: '4'
                },
                {
                    name: '组合贷款',
                    dictionaryId: '5'
                }
            ],

            area: '',
            areaShow: false,

            focusList: [],
            seviceList: [],
            resData: {},
            opt: []
        },
        methods: {
            call(){
                location.href = "native://call_customer?customerName="+this.customerName+"&customerTel="+this.customerPhone+"&customerId=${customerId}"
            },
            callSpare(){
                location.href = "native://call_customer?customerName="+this.customerName+"&customerTel="+this.peMobile+"&customerId=${customerId}"
            },
            http() {
                const req = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP')
                return req
            },
            getQuestionList() {
                const self = this
                const data = {
                    "params": {
                        "terminalCode": "${terminalCode}",
                        "merchantId": "${merchantId}",
                        "projectId": "${projectId}",
                        "userId": "${userId}",
                        "token": "${token}",
                        "version": "${version}",
                        "busNumType": "${busNumType}",
                        "busNum": "${busNum}",
                        "projectCode": "${projectCode}",
                        "customerId": '${customerId}'
                    }
                }
                const req = this.http()
                const host = window.location.host;
                req.open('POST', 'http://' + host + '${request.contextPath}/appapi/queryProjectQuestionnaireList', true)
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
                req.onreadystatechange = function () {
                    if (req.readyState === 4 && req.status === 200) {
                        self.qList = JSON.parse(req.responseText).resData.appProjectQuestionnaireList
                    }
                }
                const url = 'body=' + JSON.stringify(data)
                req.send(url)
            },
            getFollowList() {
                const self = this
                const data = {
                    "params": {
                        "terminalCode": "${terminalCode}",
                        "merchantId": "${merchantId}",
                        "projectId": "${projectId}",
                        "userId": "${userId}",
                        "token": "${token}",
                        "version": "${version}",
                        "busNumType": "${busNumType}",
                        "busNum": "${busNum}",
                        "projectCode": "${projectCode}",
                        "customerId": '${customerId}'
                    }
                }
                const req = this.http()
                const host = window.location.host;
                req.open('POST', 'http://' + host + '${request.contextPath}/appapi/getFollowList', true)
                req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
                req.onreadystatechange = function () {
                    if (req.readyState === 4 && req.status === 200) {
                        self.fList = JSON.parse(req.responseText).resData.followList
                    }
                }
                const url = 'body=' + JSON.stringify(data)
                req.send(url)
            },
            getUserInfo() {
                const userInfo = this.detail
                userInfo.customerId = '${customerId}'
                return userInfo
            },
            praseStrEmpty(str) {
                if (!str || str === "undefined" || str === "null") {
                    return "";
                }
                return str;
            }
        },
        created() {
            this.hosturl = 'http://' + window.location.host + '${request.contextPath}'

            this.getQuestionList()
            this.getFollowList()
            const self = this
            const data = {
                "params": {
                    "terminalCode": "${terminalCode}",
                    "merchantId": "${merchantId}",
                    "projectId": "${projectId}",
                    "userId": "${userId}",
                    "token": "${token}",
                    "version": "${version}",
                    "busNumType": "${busNumType}",
                    "busNum": "${busNum}",
                    "projectCode": "${projectCode}",
                    "customerId": '${customerId}'
                }
            }
            const req = this.http()
            const host = window.location.host;
            req.open('POST', 'http://' + host + '${request.contextPath}/appapi/getDictionaryListByProjectId', false)
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
            req.onreadystatechange = function () {
                if (req.readyState === 4 && req.status === 200) {
                    self.resData = JSON.parse(req.responseText).resData.typeMap
                }
            }
            const url = 'body=' + JSON.stringify(data)
            self.editurl = this.hosturl + "/appapi/customer_edit?" + url
            console.log(self.editurl)
            req.send(url)
            //查询
            req.open('POST', 'http://' + host + '${request.contextPath}/appapi/getCustomerDetail', false)
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
            req.onreadystatechange = function () {
                if (req.readyState === 4 && req.status === 200) {
                    self.detail = JSON.parse(req.responseText).resData

                    // self.customerStar = self.detail.customerStar == '是' ? '1' : self.detail.customerStar == '否' ? '0' : ''
                    // self.icons = self.detail.customerStar == '是' ? 'star' : 'star-o'
                    self.customerName = self.detail.customerName
                    self.customerSex = self.detail.customerSex
                    self.customerPhone = self.detail.customerPhone
                    self.peMobile = self.detail.peMobile

                    self.payDepositNum = self.detail.payDepositNum
                    self.subscribeNum = self.detail.subscribeNum
                    self.signedNum = self.detail.signedNum
                    self.intentionLevel = self.detail.intentionLevel
                    self.opts.forEach(el => {
                        if (el.name === self.detail.intentionLevel) {
                            self.json.intentionLevel = el.dictionaryId
                        }
                    })

                    self.informedWay = self.detail.informedWay
                    if(self.resData){
                        self.resData.informedWay.forEach(el => {
                            if (el.dictionaryName === self.detail.informedWay) {
                                self.json.informedWay = el.dictionaryId
                            }
                        })
                    }

                    self.ftContactWay = self.detail.ftContactWay
                    if(self.resData){
                        self.resData.contactWay.forEach(el => {
                            if (el.dictionaryName === self.detail.ftContactWay) {
                                self.json.ftContactWay = el.dictionaryId
                            }
                        })
                    }

                    self.ftContactTime = self.detail.ftContactTime
                    self.ftContactContent = self.detail.ftContactContent

                    self.rqTheirMotives = self.detail.rqTheirMotives
                    if(self.resData){
                        self.resData.theirMotives.forEach(el => {
                            if (el.dictionaryName === self.detail.rqTheirMotives) {
                                self.json.rqTheirMotives = el.dictionaryId
                            }
                        })
                    }


                    if(!!self.detail.customerFocusList){
                        self.focusList = self.detail.customerFocusList.map(el => {
                            return {
                                dictionaryId: el.focusId,
                                dictionaryName: el.focusName
                            }
                        })
                    }
                    let str = ''
                    self.focusList.forEach(el => {
                        str += el.dictionaryId + ','
                    })
                    self.json.rqFocusId = str

                    self.rqDemandArea = self.detail.rqDemandArea
                    self.rqArea.forEach(el => {
                        if (el.name === self.detail.rqDemandArea) {
                            self.json.rqDemandArea = el.dictionaryId
                        }
                    })

                    self.rqPaymentMethod = self.detail.rqPaymentMethod
                    self.method.forEach(el => {
                        if (el.name === self.detail.rqPaymentMethod) {
                            self.json.rqPaymentMethod = el.dictionaryId
                        }
                    })

                    if(!!self.detail.customeServicesList){
                        self.seviceList = self.detail.customeServicesList.map(el => {
                            return {
                                dictionaryId: el.servicesId,
                                dictionaryName: el.servicesName
                            }
                        })
                    }
                    let str1 = ''
                    self.seviceList.forEach(el => {
                        str1 += el.dictionaryId + ','
                    })
                    self.json.rqServicesId = str1

                    self.peResidence = self.detail.peResidence
                    self.peWorkaround = self.detail.peWorkaround

                    self.industry = self.detail.industry
                    if(self.resData){
                        self.resData.congshihangye.forEach(el => {
                            if (el.dictionaryName === self.detail.industry) {
                                self.json.industry = el.dictionaryId
                            }
                        })
                    }


                    self.peResidenceProvinceId = self.detail.peResidenceProvinceId
                    self.peResidenceCityId = self.detail.peResidenceCityId
                    self.peResidenceAreaId = self.detail.peResidenceAreaId
                    self.peWorkaroundProvinceId = self.detail.peWorkaroundProvinceId
                    self.peWorkaroundCityId = self.detail.peWorkaroundCityId
                    self.peWorkaroundAreaId = self.detail.peWorkaroundAreaId
                    console.log(self.detail)
                    //新增
                    self.rqDemandFloor = self.detail.rqDemandFloor
                    if(self.resData){
                        self.resData.floor.forEach(el => {
                            if (el.dictionaryName === self.detail.rqDemandFloor) {
                                self.json.rqDemandFloor = el.dictionaryId
                            }
                        })
                    }

                    if(!!self.detail.customerLifeSupportList){
                        self.lifeList = self.detail.customerLifeSupportList.map(el => {
                            return {
                                dictionaryId: el.lifeSupportId,
                                dictionaryName: el.lifeSupportName
                            }
                        })
                    }
                    let str2 = ''
                    self.lifeList.forEach(el => {
                        str2 += el.dictionaryId + ','
                    })
                    self.json.rqLifeSupport = str2

                    self.peAge = self.detail.peAge
                    self.peTelephone = self.detail.peTelephone
                    self.peEmail = self.detail.peEmail
                    self.peContactAddress = self.detail.peContactAddress
                    self.pePlot = self.detail.pePlot
                    self.peDetailedAddress = self.detail.peDetailedAddress
                    self.peWorkaroundAddress = self.detail.peWorkaroundAddress
                    const hjd = [
                        {
                            name:'本地',
                            dictionaryId:'1'
                        },
                        {
                            name:'省外',
                            dictionaryId:'2'
                        },
                        {
                            name:'省内',
                            dictionaryId:'3'
                        },
                        {
                            name:'境外',
                            dictionaryId:'4'
                        }
                    ]
                    hjd.forEach(el => {
                        if (el.dictionaryId === self.detail.peDomicilePlace) {
                            // self.json.peDomicilePlace = el.dictionaryId
                            self.peDomicilePlace = el.name
                        }
                    })
                    self.isEmployees = self.detail.isEmployees == '是' ? '1' : self.detail.isEmployees == '否' ? '2' : ''

                    if(!!self.detail.customerActivityTypeList){
                        self.actList = self.detail.customerActivityTypeList.map(el => {
                            return {
                                dictionaryId: el.activityTypeId,
                                dictionaryName: el.activityTypeName
                            }
                        })
                    }
                    let str3 = ''
                    self.actList.forEach(el => {
                        str3 += el.dictionaryId + ','
                    })
                    self.json.peActivityType = str3

                    if(!!self.detail.customerHobbyList){
                        self.hobbyList = self.detail.customerHobbyList.map(el => {
                            return {
                                dictionaryId: el.hobbyId,
                                dictionaryName: el.hobbyName
                            }
                        })
                    }
                    let str4 = ''
                    self.hobbyList.forEach(el => {
                        str4 += el.dictionaryId + ','
                    })
                    self.json.peHobbyId = str4
                }
            }
            req.send(url)
            this.followurl = "native://write_follow?customerId=${customerId}&customerSex=" + this.customerSex
                + "&intentionLevel=" + this.intentionLevel + "&customerStatus=" + this.praseStrEmpty(self.detail.customerStatus) + "&customerOrigin=" + this.praseStrEmpty(self.detail.customerOrigin)
                + "&customerStar=" + this.customerStar + "&customerName=" + this.customerName + "&customerTel=" + this.customerPhone
            //意向户型
            req.open('POST', 'http://' + host + '${request.contextPath}/appapi/getHouseTypeList', true)
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
            req.onreadystatechange = function () {
                if (req.readyState === 4 && req.status === 200) {
                    if(self.resData){
                        self.resData.yxhx = JSON.parse(req.responseText).resData.houseTypeList
                    }

                    if(self.detail.houseTypeList){
                        self.houseTypeList = self.detail.houseTypeList[0].houseTypeName
                    }

                    self.json.houseTypeList = self.detail.houseTypeList
                }
            }
            req.send(url)
        },
        mounted() {
            window.getUserInfo = this.getUserInfo
        }

    })
</script>

</html>